import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/Login.vue'
import Home from '@/components/Home.vue'
import Welcome from '@/components/Welcome.vue'
import Users from '@/components/user/users.vue'
import Rights from '@/components/power/Rights.vue'
import Roles from '@/components/power/Roles.vue'
import Cate from '@/components/goods/Cate.vue'
import Params from '@/components/goods/Params.vue'
import List from '@/components/goods/List.vue'
import Order from '@/components/order/Order.vue'
import Report from '@/components/report/Report'

import Add from '@/components/goods/Add.vue'


Vue.use(Router)

const router = new Router({
  routes: [
    {
        path: '/',
        redirect: '/Login'
    },
    {
        path: '/login',
        name: 'Login',
        component: Login
    },
    {
        path: '/home',
        name: 'Home',
        component: Home,
        redirect: '/welcome',
        children:[
          {
            path: '/welcome',
            name: 'Welcome',
            component: Welcome
          },
          {
            path: '/users',
            name: 'Users',
            component: Users
          },
          {
            path: '/rights',
            name: 'Rights',
            component: Rights
          },
          {
            path: '/roles',
            name: 'Roles',
            component: Roles
          },
          {
            path: '/categories',
            name: 'Cate',
            component: Cate
          },
          {
            path: '/params',
            name: 'Params',
            component: Params
          },
          {
            path: '/goods',
            name: 'List',
            component: List,
          },
          {
            path:'/goods/add',
            name: 'Add',
            component:Add
          },
          {
            path:'/orders',
            name: 'Order',
            component:Order
          },
          {
            path:'/reports',
            name: 'Report',
            component:Report
          }

        ]
    }
  ]
})

// 挂在路由导航守卫
router.beforeEach((to, from , next) =>{
// to 将要访问的路径、
// // from 代表从哪个路径跳转而来
// // next 是一个函数。表示放行
if(to.path === "/login") return next()

// // 获取token
const tokener = window.sessionStorage.getItem('token')
if(!tokener) return next('/login')
next()
})


export default router
